import { StyleSheet } from 'react-native';
import { phonePx, px } from '../../../../../../util/adapt';
import { APP_YELLOW, APP_BLACK } from '../../../../../../constant/color';
import { CARD_HEIGHT, CARD_WIDTH } from '../../../../constant';

const ITEM_WIDTH = (CARD_WIDTH - phonePx(30) * 2 - px(44)) / 2;

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    width: CARD_WIDTH,
    height: CARD_HEIGHT,
    backgroundColor: APP_YELLOW,
    alignItems: 'center'
  },
  webview: {
    width: CARD_WIDTH,
    height: CARD_HEIGHT
  },
  // content: {
  //   width: CARD_WIDTH,
  //   marginTop: phonePx(5)
  // },
  // scrollContent: {
  //   // paddingBottom: px(78),
  //   alignItems: 'center'
  // },
  // title: {
  //   width: phonePx(81),
  //   height: phonePx(18),
  //   borderRadius: phonePx(14),
  //   backgroundColor: APP_BLACK,
  //   alignItems: 'center',
  //   justifyContent: 'center',
  //   marginLeft: phonePx(30),
  //   marginTop: phonePx(25),
  //   alignSelf: 'flex-start'
  // },
  // titleDesc: {
  //   color: APP_YELLOW,
  //   fontSize: phonePx(11),
  //   fontWeight: '600'
  // },
  // titlePic: {
  //   marginTop: phonePx(10)
  // },
  submit: {
    position: 'absolute',
    right: phonePx(39),
    bottom: phonePx(17),
    minWidth: phonePx(70),
    paddingHorizontal: phonePx(19),
    height: phonePx(37),
    borderRadius: phonePx(18.5),
    borderWidth: px(2),
    borderColor: APP_BLACK,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: APP_YELLOW
  },
  submitDesc: {
    fontSize: phonePx(16),
    fontWeight: '600',
    color: APP_BLACK
  }
});
